<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="renderer" content="webkit">
  <meta http-equiv="Cache-Control" content="no-siteapp" >
  <title>MoYu - 主页</title>
  <!--[if lt IE 9]>
  <meta http-equiv="refresh" content="0;ie.html">
  <![endif]-->
  <link rel="shortcut icon" href="favicon.ico">
  <link href="css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet"/>
  <link href="css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet"/>
  <link href="css/animate.min.css" rel="stylesheet"/>
  <link href="css/style.min862f.css?v=4.1.0" rel="stylesheet"/>
</head>

<body class="fixed-sidebar full-height-layout gray-bg" style="overflow:hidden">
  <div id="wrapper">
    <!-- 左侧菜单 -->
    <nav th:include="common/left::menu" class="navbar-default navbar-static-side" role="navigation"></nav>

    <!-- 右侧头部 -->
    <div th:include="common/top::header" id="page-wrapper" class="gray-bg dashbard-1"></div>

    <!--右侧边栏开始-->
    <div id="right-sidebar">
      <!--<div class="sidebar-container">

        <ul class="nav nav-tabs navs-3">

          <li class="active">
            <a data-toggle="tab" href="#tab-1">
              <i class="fa fa-gear"></i> 主题
            </a>
          </li>
          <li class=""><a data-toggle="tab" href="#tab-2">
            通知
          </a>
          </li>
          <li><a data-toggle="tab" href="#tab-3">
            项目进度
          </a>
          </li>
        </ul>

        <div class="tab-content">
          <div id="tab-1" class="tab-pane active">
            <div class="sidebar-title">
              <h3> <i class="fa fa-comments-o"></i> 主题设置</h3>
              <small><i class="fa fa-tim"></i> 你可以从这里选择和预览主题的布局和样式，这些设置会被保存在本地，下次打开的时候会直接应用这些设置。</small>
            </div>
            <div class="skin-setttings">
              <div class="title">主题设置</div>
              <div class="setings-item">
                <span>收起左侧菜单</span>
                <div class="switch">
                  <div class="onoffswitch">
                    <input type="checkbox" name="collapsemenu" class="onoffswitch-checkbox" id="collapsemenu">
                    <label class="onoffswitch-label" for="collapsemenu">
                      <span class="onoffswitch-inner"></span>
                      <span class="onoffswitch-switch"></span>
                    </label>
                  </div>
                </div>
              </div>
              <div class="setings-item">
                <span>固定顶部</span>

                <div class="switch">
                  <div class="onoffswitch">
                    <input type="checkbox" name="fixednavbar" class="onoffswitch-checkbox" id="fixednavbar"></input>
                    <label class="onoffswitch-label" for="fixednavbar">
                      <span class="onoffswitch-inner"></span>
                      <span class="onoffswitch-switch"></span>
                    </label>
                  </div>
                </div>
              </div>
              <div class="setings-item">
                                <span>
                        固定宽度
                    </span>

                <div class="switch">
                  <div class="onoffswitch">
                    <input type="checkbox" name="boxedlayout" class="onoffswitch-checkbox" id="boxedlayout"></input>
                    <label class="onoffswitch-label" for="boxedlayout">
                      <span class="onoffswitch-inner"></span>
                      <span class="onoffswitch-switch"></span>
                    </label>
                  </div>
                </div>
              </div>
              <div class="title">皮肤选择</div>
              <div class="setings-item default-skin nb">
                                <span class="skin-name ">
                         <a href="#" class="s-skin-0">
                             默认皮肤
                         </a>
                    </span>
              </div>
              <div class="setings-item blue-skin nb">
                                <span class="skin-name ">
                        <a href="#" class="s-skin-1">
                            蓝色主题
                        </a>
                    </span>
              </div>
              <div class="setings-item yellow-skin nb">
                                <span class="skin-name ">
                        <a href="#" class="s-skin-3">
                            黄色/紫色主题
                        </a>
                    </span>
              </div>
            </div>
          </div>
          <div id="tab-2" class="tab-pane">

            <div class="sidebar-title">
              <h3> <i class="fa fa-comments-o"></i> 最新通知</h3>
              <small><i class="fa fa-tim"></i> 您当前有2条未读信息</small>
            </div>

            <div>

              <div class="sidebar-message">
                <a href="#">
                  <div class="pull-left text-center">
                    <img alt="image" class="img-circle message-avatar" src="img/a1.jpg">

                    <div class="m-t-xs">
                      <i class="fa fa-star text-warning"></i>
                      <i class="fa fa-star text-warning"></i>
                    </div>
                  </div>
                  <div class="media-body">

                    据天津日报报道：瑞海公司董事长于学伟，副董事长董社轩等10人在13日上午已被控制。
                    <br>
                    <small class="text-muted">今天 4:21</small>
                  </div>
                </a>
              </div>
              <div class="sidebar-message">
                <a href="#">
                  <div class="pull-left text-center">
                    <img alt="image" class="img-circle message-avatar" src="img/a2.jpg">
                  </div>
                  <div class="media-body">
                    HCY48之音乐大魔王会员专属皮肤已上线，快来一键换装拥有他，宣告你对华晨宇的爱吧！
                    <br>
                    <small class="text-muted">昨天 2:45</small>
                  </div>
                </a>
              </div>
            </div>

          </div>
          <div id="tab-3" class="tab-pane">

            <div class="sidebar-title">
              <h3> <i class="fa fa-cube"></i> 最新任务</h3>
              <small><i class="fa fa-tim"></i> 您当前有14个任务，10个已完成</small>
            </div>

            <ul class="sidebar-list">
              <li>
                <a href="#">
                  <div class="small pull-right m-t-xs">9小时以后</div>
                  <h4>市场调研</h4> 按要求接收教材；

                  <div class="small">已完成： 22%</div>
                  <div class="progress progress-mini">
                    <div style="width: 22%;" class="progress-bar progress-bar-warning"></div>
                  </div>
                  <div class="small text-muted m-t-xs">项目截止： 4:00 - 2015.10.01</div>
                </a>
              </li>
              <li>
                <a href="#">
                  <div class="small pull-right m-t-xs">9小时以后</div>
                  <h4>可行性报告研究报上级批准 </h4> 编写目的编写本项目进度报告的目的在于更好的控制软件开发的时间,对团队成员的 开发进度作出一个合理的比对

                  <div class="small">已完成： 48%</div>
                  <div class="progress progress-mini">
                    <div style="width: 48%;" class="progress-bar"></div>
                  </div>
                </a>
              </li>
              <li>
                <a href="#">
                  <div class="small pull-right m-t-xs">9小时以后</div>
                  <h4>立项阶段</h4> 东风商用车公司 采购综合综合查询分析系统项目进度阶段性报告武汉斯迪克科技有限公司

                  <div class="small">已完成： 14%</div>
                  <div class="progress progress-mini">
                    <div style="width: 14%;" class="progress-bar progress-bar-info"></div>
                  </div>
                </a>
              </li>
            </ul>

          </div>
        </div>

      </div>-->
    </div>
    <!--右侧边栏结束-->
  </div>

  <!-- js -->
  <script src="/js/jquery.min.js?v=2.1.4"></script>
  <script src="/js/bootstrap.min.js?v=3.3.6"></script>
  <script src="/js/plugins/metisMenu/jquery.metisMenu.js"></script>
  <script src="/js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
  <script src="/js/plugins/layer/layer.min.js"></script>
  <script src="/js/hplus.min.js?v=4.1.0"></script>
  <script src="/js/contabs.min.js"></script>
  <script src="/js/plugins/pace/pace.min.js"></script>
</body>